<template>
  <div>
    <el-col :lg="8" :md="12" :sm="24">
      <PieAndBar :moduleName="'meteorologicalData'" :titleText="'场站气象数据\n  合格率统计'" :pieData="pieData1"/>
    </el-col>
    <el-col :lg="8" :md="12" :sm="24">
      <PieAndBar :moduleName="'equipmentAccount'" :titleText="'设备台账\n合格率统计'" :pieData="pieData2"/>
    </el-col>
  </div>
</template>

<script>
  import PieAndBar from './components/pieAndBar'
  export default {
    name: "pieAndBar",
    components: {
      PieAndBar
    },
    data() {
      return {
        pieData1: {
          // 风电
          windStation: {
            lowPercent70StationCount: 9,
            betweenPercent70To80StationCount: 10,
            betweenPercent80To90StationCount: 5,
            highPercent90StationCount: 7
          },
          // 光伏
          pvStation: {
            lowPercent70StationCount: 4,
            betweenPercent70To80StationCount: 8,
            betweenPercent80To90StationCount: 8,
            highPercent90StationCount: 1
          }
        },
        pieData2: {
          // 变电站
          tsStation: {
            lowPercent70StationCount: 4,
            betweenPercent70To80StationCount: 8,
            betweenPercent80To90StationCount: 8,
            highPercent90StationCount: 1
          },
          // 风电
          windStation: {
            lowPercent70StationCount: 9,
            betweenPercent70To80StationCount: 10,
            betweenPercent80To90StationCount: 5,
            highPercent90StationCount: 7
          },
          // 光伏
          pvStation: {
            lowPercent70StationCount: 3,
            betweenPercent70To80StationCount: 5,
            betweenPercent80To90StationCount: 7,
            highPercent90StationCount: 1
          }
        }
      }
    }
  }
</script>

<style scoped>

</style>
